import React, { useState } from 'react'

export default function App() {
  const [count, setCount] = useState(10)
  const startTime = () => {
    setTimeout(() => {
      // debugger
      // 闭包：一个函数中使用了外部函数中的局部变量，使用变量的地方发生了闭包【现象】，变量定义所在的函数称为闭包【函数】
      // !使变量常驻内存，不会马上释放，导致其实这儿的 count 永远是被引用着的那个 count
      console.log(count)
    }, 10000)
  }
  return (
    <div>
      <h3>{count}</h3>
      <button onClick={() => setCount(count + 8)}>+8</button>
      <button onClick={startTime}>开启定时器</button>
    </div>
  )
}
